16.2 Schaltflächen der Klasse »Button« 

Das wohl in nahezu jedem Formular benutzte Steuerelement ist die Schaltfläche. Erzeugt werden Schaltflächen durch die Instanziierung der Klasse Button, die direkt aus ButtonBase abgeleitet ist und nur einen parameterlosen Konstruktor bereitstellt:

Falls Sie den Designer verwenden, brauchen Sie sich keine Gedanken über die Instanziierung zu machen, das wird vom Visual Studio für Sie erledigt. Nur einen passenden Bezeichner sollten Sie in jedem Fall unter der Eigenschaft Name im Eigenschaftsfenster eintragen. Außerdem empfiehlt sich ein Präfix, aus dem der Typ hervorgeht – beispielsweise btn bei einer Schaltfläche. Der Programmcode wird dadurch besser lesbar. Der zweite Schritt nach der Vergabe eines passenden Bezeichners ist bei einer Schaltfläche auch vorgezeichnet: die Beschriftung mit der Eigenschaft Text.

Betätigt wird eine Schaltfläche durch einen Mausklick oder die (Enter)- bzw. die (Space)-Taste, falls die Schaltfläche den Fokus besitzt. In Kapitel 15 haben Sie erfahren, dass eine Schaltfläche mit der Eigenschaft AcceptButton des Formulars zur Standardschaltfläche erklärt werden kann und immer dann auf die Eingabetaste reagiert, wenn keine andere Schaltfläche im Besitz des Fokus ist. Meistens werden OK-Schaltflächen mit dieser Verhaltensweise ausgestattet. Abbrechen-Schaltflächen schließen das aktuelle Fenster. Mit der Eigenschaft CancelButton der Form kann das Drücken der (ESC)-Taste einer bestimmten Schaltfläche zugeordnet werden.

16.2.1 Die Rahmendarstellung einer Schaltfläche 

FlatStyle beschreibt die Rahmendarstellung einer Schaltfläche. Sehen wir uns die Definition der Eigenschaft FlatStyle genauer an:

Viele Eigenschaften haben einen Bezeichner, der dem Typ der Eigenschaft entspricht, der seinerseits eine Enumeration ist. Das gilt auch für FlatStyle, die vier Einstellmöglichkeiten anbietet.

Zur Veranschaulichung wollen wir uns nun alle vier Darstellungsweisen in einer Form anzeigen lassen. Dazu schlagen wir einen Weg ein, der bereits in Kapitel 5, Abschnitt 5.5.1, vorgestellt worden ist.

Bekanntlich wird jede Enumeration aus der abstrakten Klasse System.Enum abgeleitet. Diese enthält die statische Methode GetValues, die ein Array der in der Enumeration enthaltenen Konstanten zurückliefert:

Über die abstrakte Klasse Type lassen sich zu einem bestimmten Typ alle gewünschten Informationen beschaffen. Mit der Funktion GetType, der als Argument ein Typ übergeben wird, wird das Type-Objekt für diesen Typ abgerufen. Wollen wir alle Konstanten der Enumeration FlatStyle in einer For Each-Schleife durchlaufen, muss der Schleifenkopf wie folgt definiert werden:

Im folgenden Beispiel FlatStyleDemo wird der vollständige Einsatz dieser Schleife gezeigt. Dabei wird bei jedem Schleifendurchlauf eine neue Schaltfläche mit neuen Positionsdaten erzeugt. Jede Schaltfläche hat eine andere FlatStyle-Einstellung, die von der Schleifenvariablen style geliefert wird. Durch das Hinzufügen zu der Auflistung ControlCollection über die Eigenschaft Controls wird sichergestellt, dass jede Schaltfläche im Fenster angezeigt wird. Der Code im Ereignis DoubleClick der Form, deren Name Form1 lautet, wird implementiert.

Die Abbildung 16.2 zeigt die Ausgabe des Programmbeispiels, wobei der Effekt der Popup-Schaltfläche durch die Abbildung nicht wiedergegeben werden kann.

Hier klicken, um das Bild zu Vergrößern

Abbildung 16.2     Die Auswirkungen der Einstellung Eigenschaft »FlatStyle«

16.2.2 Die Eigenschaft »FlatAppearance« 

Vorausgesetzt, Sie haben sich für FlatStyle.Flat entschieden, stehen Ihnen über die Rahmendarstellung mit FlatStyle hinaus noch weitere Gestaltungsmöglichkeiten offen. Ausgangspunkt ist die Eigenschaft FlatAppearance, die mit .NET 2.0 eingeführt worden ist. Flat-Appearance liefert die Referenz auf ein Objekt vom Typ FlatButtonAppearance, das mit fünf Eigenschaften aufwartet. Vier davon beeinflussen die Darstellung eines Buttons.

16.2.3 Beschriftung und Grafiken 

Zur Gestaltung Ihrer Schaltflächen können Sie auf jeder Schaltfläche eine Grafik anzeigen lassen. Dazu dient die Eigenschaft Image. Man kann darüber streiten, ob das mehr der Spielerei eines Entwicklers zugeordnet werden muss oder zu einem ansprechenden Design beiträgt. Zu den darstellbaren Bildern zählen Bitmaps, Icons und Metafiles. Bilder lassen sich anstelle oder zusammen mit der Beschriftung anzeigen.

Hier klicken, um das Bild zu Vergrößern

Abbildung 16.3     Schaltflächen mit Beschriftung und Bild

Weisen Sie einer Schaltfläche sowohl ein Image als auch eine Beschriftung zu, werden beide Elemente zunächst zentral auf der Oberfläche der Schaltfläche angezeigt. Um die beiden optisch voneinander zu trennen, können Sie die Ausrichtung des Textes und des Bildchens mit den Eigenschaft TextAlign bzw. ImageAlign wunschgemäß festlegen. Die möglichen Einstellungen dieser beiden Eigenschaften wird durch eine der Konstanten der Enumeration ContentAlignment beschrieben.

Im Code sieht die Anweisung dazu beispielsweise wie folgt aus:

Deutlich komfortabler ist die Einstellung im Eigenschaftsfenster der Entwicklungsumgebung. Markieren Sie eine der beiden Eigenschaften TextAlign oder ImageAlign, wird im Eigenschaftsfenster ein Hilfsfenster geöffnet, in dem Sie den Bereich auswählen können, in dem das Element angezeigt werden soll.

Hier klicken, um das Bild zu Vergrößern

Abbildung 16.4     Einstellen der Eigenschaft »ImageAlign«

Die Ausrichtung der Beschriftung und des Symbols mit TextAlign und ImageAlign ist trotzdem immer noch einigen Einschränkungen unterworfen. Noch mehr gestalterische Freiheit gestattet die mit .NET 2.0 eingeführte Eigenschaft TextImageRelation. Mit den Einstellungen Overlay, ImageAboveText, ImageBeforeText, TextAboveImage und TextBeforeImage lassen sich Beschriftung und Symbol Bereichen zuordnen, innerhalb derer die beiden Elemente mit Text- und ImageAlign relativ zueinander verschoben werden können.

Eine zusätzliche Alternative bietet das Steuerelement ImageList. Dieses hat die Aufgabe, mehrere Symbole in einer Auflistung zu verwalten. Sie können das Steuerelement in den Forms Designer ziehen und anschließend mittels eines Assistenten Bildchen hinzufügen. Anschließend geben Sie der Eigenschaft ImageList des Buttons an, aus welchem ImageList-Objekt das Symbol für die Schaltfläche bezogen werden soll. Das exakte Bildchen aus der Auflistung lässt sich dann aus der Liste, welche die beiden Eigenschaften ImageIndex oder ImageKey anzeigen, festlegen.

16.2.4 Weitere Gestaltungsmöglichkeiten 

Vielleicht ist es Ihnen schon Folgendes aufgefallen: Haben Sie einem Formular eine vom Standard abweichende Hintergrundfarbe über die Eigenschaft BackColor zugewiesen, wird jedes Steuerelement die neue Hintergrundfarbe der Form annehmen. Dieses Verhalten zeigt sich nicht nur bei der Änderung der Hintergrundfarbe eines Fensters, auch die Vordergrundfarbe (Eigenschaft ForeColor) und die unter Font eingestellte Schriftart sind davon betroffen.

Nicht immer ist es wünschenswert, dieses Verhalten zu übernehmen. Das müssen Sie auch nicht. Stellen Sie einfach eine von der Hintergrundfarbe der Form abweichende Farbe ein, beispielsweise mit:

Das Steuerelement, in diesem Fall ein Button, behält jetzt die ihm zugewiesene gelbe Farbe. Gleiches gilt auch für ForeColor und Font. Um zur Laufzeit wieder zum Standardverhalten zurückzukehren und die Einstellungen der Form zu übernehmen, erben die Steuerelemente aus der Basisklasse Controls die drei Methoden ResetFont, ResetBackColor und ResetForeColor.